<template>
  <svg v-if="darkMode" version="1.1" id="dark-mode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       viewBox="0 0 391 101.3" style="enable-background:new 0 0 391 101.3;" xml:space="preserve">
    <polygon class="st0" points="15,0 0,87 55,87 58,65 33,65 44,0 "/>
    <polygon class="st0" points="102,13 77,13 65,87 88,87 92,69 100,87 129,87 113,59 139,31 110,31 97,46 "/>
    <path class="st0" d="M328,3c0,0-16,1-16,14c0,11,14,9,14,9s14-1,14-13C340,2,328,3,328,3z"/>
    <polygon class="st0" points="311,31 301,87 325,87 335,31 "/>
    <polygon class="st0" points="343,31 340,49 360,49 336,69 333,87 383,87 386,68 364,68 390,47 391,31 "/>
    <path class="st1" d="M169,39c0,0-2-8.7,4-8c4.5,0.5,1,8,1,8s-7,11-13,15s-6,4-6,4l-16,11l-2,17h48v11l25-21l-21-17v8h-14
	c0,0,17-13,20-19s7.5-11.5,5-25c0,0-2.5-5.5-6-8c-3.6-2.6-8-4-14-4c0,0-35-1.2-35,28H169z"/>
    <path class="st0" d="M285,43c0,0,16-9,14-25S282,0,282,0h-53l-14,87h54c0,0,15-1.4,22-17C300,50,285,43,285,43z M258.1,62H244
	l2.2-9.5h13c0,0,3.3,0,3.3,4.3S258.1,62,258.1,62z M263.1,32H249l2.2-11h13c0,0,3.3,0,3.3,5S263.1,32,263.1,32z"/>
</svg>

  <svg v-else version="1.1" id="light-mode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       viewBox="0 0 391 101.3" style="enable-background:new 0 0 391 101.3;" xml:space="preserve">
    <polygon class="st0" points="15,0 0,87 55,87 58,65 33,65 44,0 "/>
    <polygon class="st0" points="102,13 77,13 65,87 88,87 92,69 100,87 129,87 113,59 139,31 110,31 97,46 "/>
    <path class="st0" d="M328,3c0,0-16,1-16,14c0,11,14,9,14,9s14-1,14-13C340,2,328,3,328,3z"/>
    <polygon class="st0" points="311,31 301,87 325,87 335,31 "/>
    <polygon class="st0" points="343,31 340,49 360,49 336,69 333,87 383,87 386,68 364,68 390,47 391,31 "/>
    <path class="st1" d="M169,39c0,0-2-8.7,4-8c4.5,0.5,1,8,1,8s-7,11-13,15s-6,4-6,4l-16,11l-2,17h48v11l25-21l-21-17v8h-14
	c0,0,17-13,20-19s7.5-11.5,5-25c0,0-2.5-5.5-6-8c-3.6-2.6-8-4-14-4c0,0-35-1.2-35,28H169z"/>
    <path class="st0" d="M285,43c0,0,16-9,14-25S282,0,282,0h-53l-14,87h54c0,0,15-1.4,22-17C300,50,285,43,285,43z M258.1,62H244
	l2.2-9.5h13c0,0,3.3,0,3.3,4.3S258.1,62,258.1,62z M263.1,32H249l2.2-11h13c0,0,3.3,0,3.3,5S263.1,32,263.1,32z"/>
</svg>

</template>

<script setup>
defineProps({
  darkMode: {
    type: Boolean,
    default: false,
  },
})
</script>

<style lang="scss" scoped>
 #light-mode {
   .st0{fill:#FFFFFF;}
   .st1{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-miterlimit:10;}
 }
 #dark-mode {
   .st0{fill:#5A53D8;}
   .st1{fill:none;stroke:#5A53D8;stroke-width:4;stroke-miterlimit:10;}
 }

</style>
